<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>变更收款账户</title>

    <!-- css -->
    <link rel="stylesheet" href="../css/pro_app.min.css"/>
    <link rel="stylesheet" href="../lib/yz-sm.min.css"/>
    <link rel="stylesheet" href="../lib/swiper.min.css"/>
    <link rel="stylesheet" href="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.css"/>
</head>

<body>
    <div class="page-group">
        <div class="page open-wcpay" id="weixinChangePage">
            <div class="scroll-view">

                <!-- 头部 -->
                <ul class="header">
                    <li class="left"><a class="external back"><i class="zhk-nav_back"></i>返回</a></li>
                    <li class="middle">变更收款账户</li>
                    <li class="right"><a class="external" href="javascript:void(0);" name="submit">提交</a></li>
                </ul>

                <div class="page-body">

                </div>
            </div>

            <!-- 模版 -->
            <script type="text/template" id="weixinChangeTPL">
                <div class="step current">

                    <div class="form-wrapper">

                        <ul>
                            <li>
                                <span>账户类型</span>
                                <div class="select-list" name="accountType">
                                    {{constants.weixin.getAccountTypeText(data.accountType)}}
                                </div>
                            </li>
                            <li>
                                <span>开户行地区</span>
                                <div class="select-list" name="bankDistrict">
                                   <i class="zhk-list_rarrow"></i>
                                   <input type="hidden">
                                </div>
                            </li>
                            <li>
                                <span>开户银行</span>
                                <div class="select-list" name="mainBank">
                                    <i class="zhk-list_rarrow"></i>
                                    <input type="hidden">
                                </div>
                            </li>
                            <li>
                                <span>支行名称</span>
                                <div>
                                    <input type="text" placeholder="请选择" readonly name="branchBank" value="{{data.bankName}}">
                                    <i class="zhk-list_rarrow"></i>
                                </div>
                            </li>
                            <li>
                                <span>联行号</span>
                                <div>
                                    <input type="text" class="input-active-name" placeholder="请填写联行号" required name="contactLine" value="{{data.contactLine}}"/>
                                    <i class="zhk-list_gb"></i>
                                </div>
                            </li>
                            <li>
                                <span>银行账号</span>
                                <div>
                                    <input type="text" class="input-active-name" placeholder="请填写银行账号" required name="bankAccount" value="{{data.accountCode}}"/>
                                    <i class=" zhk-list_gb"></i>
                                </div>
                            </li>

                            {{if data.accountType == constants.weixin.ACCOUNT_TYPE.person}}
                            <li>
                                <span>开户人姓名</span>
                                <div>
                                    <input type="text" class="input-active-name" placeholder="收款银行账号的开户人名称" required name="username4Person" value="{{data.accountName}}"/>
                                    <i class=" zhk-list_gb"></i>
                                </div>
                            </li>
                            {{else if data.accountType == constants.weixin.ACCOUNT_TYPE.company}}
                            <li>
                                <span>收款单位</span>
                                <div>
                                    <input type="text" class="input-active-name" placeholder="请填写收款单位名称" required name="companyName4Company" value="{{data.accountName}}"/>
                                    <i class=" zhk-list_gb"></i>
                                </div>
                            </li>
                            <li>
                                <span>负责人</span>
                                <div>
                                    <input type="text" class="input-active-name" placeholder="请填写负责人姓名" required name="principal4Company" value="{{data.principal}}"/>
                                    <i class=" zhk-list_gb"></i>
                                </div>
                            </li>
                            {{/if}}
                            <li class="person">
                                <span>手机号</span>
                                <div>
                                    <input type="text" class="input-active-name" placeholder="请填写开户人手机号" required name="mobile" value="{{data.tel}}"/>
                                    <i class=" zhk-list_gb"></i>
                                </div>
                            </li>
                            <li class="person">
                                <span>身份证号码</span>
                                <div>
                                    <input type="text" class="input-active-name" placeholder="请填写开户人身份证号码" required name="identityCard" value="{{data.idCard}}"/>
                                    <i class=" zhk-list_gb"></i>
                                </div>
                            </li>

                            <div class="id-card person">
                                <div>身份证照片</div>
                                <ul>
                                    <li class="picture" name="frontPicture" uploadType="1" yzImgUrl="{{utils.extractFilePath(data.yzImageFrontUrl)}}" weixinImgUrl="{{data.identityCardPicFront}}">
                                        <div class="upload-before">
                                            <i class="zhk-list-create"></i>
                                        </div>
                                        <div class="upload-after">
                                            <i class=" zhk-list_gb"></i>
                                            <img src="{{constants.previewUrlPrefix + utils.extractFilePath(data.yzImageFrontUrl)}}"/>
                                        </div>
                                        <p>开户人身份证（正面）</p>
                                    </li>
                                    <li class="picture" name="backPicture" uploadType="1" yzImgUrl="{{utils.extractFilePath(data.yzImageReverseUrl)}}" weixinImgUrl="{{data.identityCardPicContrary}}">
                                        <div class="upload-before">
                                            <i class="zhk-list-create"></i>
                                        </div>
                                        <div class="upload-after">
                                            <i class=" zhk-list_gb"></i>
                                            <img src="{{constants.previewUrlPrefix + utils.extractFilePath(data.yzImageReverseUrl)}}"/>
                                        </div>
                                        <p>开户人身份证（背面）</p>
                                    </li>
                                </ul>
                            </div>

                        </ul>
                    </div>
                </div>
            </script>
        </div>
    </div>

    <!-- js -->
    <script src="../lib/zepto.min.js" charset="utf-8"></script>
    <script src="../lib/yz-sm.min.js" charset="utf-8"></script>
    <script src="../lib/template.js" charset="utf-8"></script>
    <script src="../lib/swiper.min.js" charset="utf-8"></script>
    <script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js" charset="utf-8"></script>

    <script src="../base/base.js" charset="utf-8"></script>
    <script src="../js/main.js" charset="utf-8"></script>

</body>
</html>
